.editor {
    line-height: normal !important;
    height: 500px;
    padding: 15px;
}

.editorBigHtml {
    padding: 15px;

    .editorhtmlTitle {
        height: 65px;
        line-height: 65px;
        font-size: 24px;
        color: #333;
        border: 1px solid #ccc;
        border-bottom: none;
        text-align: center;
    }

    .editorboxHtml {
        height: 500px;
        border: 1px solid #ccc;
        //   margin-top: 85px;
        background-color: #fff;
    }
}

::v-deep .ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    padding: 5px 10px;
    border-radius: 3px;
}

::v-deep h1 {
    font-size: medium;
    text-decoration: none;
    list-style: medium;
}

::v-deep h2 {
    font-size: medium;
    text-decoration: none;
    list-style: medium;
}

::v-deep h3 {
    font-size: medium;
    text-decoration: none;
    list-style: medium;
}

::v-deep h4 {
    font-size: medium;
    text-decoration: none;
    list-style: medium;
}

::v-deep h5 {
    font-size: medium;
    text-decoration: none;
    list-style: medium;
}

::v-deep h6 {
    font-size: medium;
    text-decoration: none;
    list-style: medium;
}

::v-deep ul {
    padding-left: 1.5em;
    // list-style: disc;
}

::v-deep ol {
    // padding-left: 2.5em;
    margin: 0;
}

::v-deep .ql-indent-1 {
    padding-left: 3em;
}

::v-deep .ql-indent-2 {
    padding-left: 6em;
}

::v-deep .ql-indent-3 {
    padding-left: 9em;
}

::v-deep .ql-indent-4 {
    padding-left: 12em;
}

::v-deep .ql-indent-5 {
    padding-left: 15em;
}

::v-deep .ql-indent-6 {
    padding-left: 18em;
}

::v-deep .ql-indent-7 {
    padding-left: 21em;
}

::v-deep .ql-indent-8 {
    padding-left: 24em;
}

::v-deep .ql-align-right {
    text-align: right;
}

::v-deep .ql-direction-rtl {
    direction: rtl;
}

::v-deep .ql-size-small {
    font-size: 0.75em;
}

::v-deep .ql-size-large {
    font-size: 1.5em;
}

::v-deep .ql-size-huge {
    font-size: 2.5em;
}

::v-deep .ql-align-center {
    text-align: center;
}

.ql-editor.ql-tooltip[data-mode='link']::before {
    content: '请输入链接地址:';
}

.ql-editor.ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: '保存';
    padding-right: 0px;
}

.ql-editor.ql-tooltip[data-mode='video']::before {
    content: '请输入视频地址:';
}

.ql-editor.ql-picker.ql-size .ql-picker-label::before,
.ql-editor.ql-picker.ql-size .ql-picker-item::before {
    content: '14px';
}

.ql-editor.ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-editor.ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    content: '10px';
}

.ql-editor.ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-editor.ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    content: '18px';
}

.ql-editor.ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-editor.ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    content: '32px';
}

.ql-editor.ql-picker.ql-header .ql-picker-label::before,
.ql-editor.ql-picker.ql-header .ql-picker-item::before {
    content: '文本';
}

.ql-editor.ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-editor.ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    content: '标题1';
}

.ql-editor.ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-editor.ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    content: '标题2';
}

.ql-editor.ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-editor.ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    content: '标题3';
}

.ql-editor.ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-editor.ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    content: '标题4';
}

.ql-editor.ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-editor.ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    content: '标题5';
}

.ql-editor.ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-editor.ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    content: '标题6';
}

.ql-editor.ql-picker.ql-font .ql-picker-label::before,
.ql-editor.ql-picker.ql-font .ql-picker-item::before {
    content: '标准字体';
}

.ql-editor.ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-editor.ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    content: '衬线字体';
}

.ql-editor.ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-editor.ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    content: '等宽字体';
}